.Coryza{
    background-image: url('../img/bg_b1.png');
    background-size: cover;
    .nav_top{
        width: 100%;
        height: 240px;
        .circle{
            position:relative;
            width: 170px;
            height: 170px;
            margin: 40px auto;
            border-radius: 50%;
            border: 5px solid rgba(23,199,85,0.2);
            background-color: #FFFFFF;
            .dian{
                width: 6px;
                height: 6px;
                background: white;
                position: absolute;
                top: -5px;
                left: 50%;
                z-index: 99;
                border-radius: 50%;
                margin-left: -2%;
            }
            .SelectMoudleGray{
                width: 120px;
                height: 120px;
                position: relative;
                top: 50%;
                left: 50%;
                margin-top: -60px;
                margin-left: -60px;
                img{
                    font-size: 24px;
                    width: 60%;
                    margin-left: 20%;
                    margin-top: 20%;
                    opacity: 0.3;
                }
                // .Bluefont-24{
                //     width: 100%;
                //     margin: 0 auto;
                //     padding-top:40%;
                //     text-align: center;
                //     font-size: 38px;
                // }
                 @keyframes mymove
              {
                from {  transform:rotate(45deg);}
                to {transform:rotate(315deg);}
              }
              @-webkit-keyframes mymove{
                from {  transform:rotate(45deg);
                        -webkit-transform:rotate(45deg);}
                to {transform:rotate(315deg);
                 -webkit-transform:rotate(315deg);}
              }
               .zhuan{
                top: 0;
                left: 0;
                position: absolute;
                width: 120px;
                height: 120px;
                padding: 13px;
                   transform: rotate(45deg);
                   -webkit-transform: rotate(45deg);
                   -webkit-transition: All 1s linear;

                .Redbg{
                  width: 10px;
                  height: 10px;
                  border-radius: 50%;
                  background:#009CFF;
                  box-shadow: 0 0 0px 3px rgba(0,156,255,0.3);
                }
              }
                /*.tf {
                    animation: mymove 60s linear infinite;
                    -webkit-animation: mymove 60s linear infinite;
                }*/
            }
        }
    }
    .con_center{
        width: 100%;
        height: 140px;
        // border-bottom: 10px solid #F7F8FA ;
        margin-top: -16px;
        .times {
            text-align: center;
            color: #18C756;
            span{
                display: block;
                margin-bottom: 10px;
                font-size: 16px;
            }
            .time-count{
                font-size: 46px;
                margin-bottom: 60px;
                height: 50px;
                line-height: 50px;

            }
        }
        ._circle{
        position:relative;
            text-align: center;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            box-shadow: 0px 1px 7px 0px #DEDEDE;
            p{
                position: relative;
                top: 50%;
                margin-top: -10px;
            }
            .off{
                left:0;
                top:0;
                left:0;
                right:0;
                margin:auto;
                width: 90px;
                height: 90px;
                position:absolute;
                box-shadow:0px 0px 1px 0px #ECECEC;
                border-radius:50%;
            }
            .off-1{
                box-shadow: 0px 0px 0px 30px rgba(100, 100, 100, 0);
            }
        }
        .left_circle{
            float: left;
            margin-left: 40px;
            background: #FFFFFF;
        }
        .right_circle{
            float: right;
            margin-right: 40px;
            background: #009CFF;
        }
        .Graybg-opn{
            box-shadow: 0px 0px 0px 50px rgba(24, 24, 24, 0);
        }

    }
    .show_down{
          .line_left{
                border-bottom: 1px solid #9b9b9b;
                width: 10%;
                position: absolute;
                top: 98%;
                left: 28%;
          }
          .line_right{
                border-bottom: 1px solid #9b9b9b;
                width: 10%;
                position: absolute;
                top: 98%;
                right: 28%;
          }
        .Grayfont-14{
            width: 100%;
            margin: 20px auto;
            text-align: center;
        }
        .Users{
            width: 80%;
            margin-left: 10%;
        }

    }
}
